<header class="index_header">
  <div class="hlist">
    <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/rexiao.png" />
    <p>热销榜</p>
  </div>
  <div class="hlist">
    <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/caidan.png" />
    <p>点过的菜</p>
  </div>
  <div class="hlist">
    <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/sousuo.png" />
    <p>搜你喜欢</p>
  </div>
</header>

<aside class="left_cate" id="left_cate">
  <ul>
    <li *ngFor="let item of categoryList;let key=index;" (click)="changeList(key)">{{item.title}}</li>
  </ul>

  <div id="nav_cate" class="nav_cate">
    <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/nav.png" />
    <p>菜单</p>
  </div>
</aside>

<div class="content">
  <div class="item" *ngFor="let category of goodsCategoryList">
    <h3 class="item_cate">{{category.title}}</h3>
    <ul class="item_list">
      <li *ngFor="let goods of category.goods">
        <a routerLink='/pcontent/{{goods.id}}'>
          <div class="inner">
            <img [src]="goods.goodsImg" />
            <p class="title">{{goods.title}}</p>
            <p class="price">{{goods.shopPrice | currency:'￥'}}</p>
          </div>
        </a>
      </li>
    </ul>
  </div>
</div>
<div class="bg" id="bg">


</div>
<!-- 底部弧形导航菜单 -->
<app-navfooter></app-navfooter>

<div id="footer_cart" class="footer_cart">
  <a routerLink='/cart'>
    <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/cart.png" />
    <p>购物车</p>
  </a>
  <div class="cart_num" *ngIf="cartNum">
    {{cartNum}}
  </div>
</div>
